<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" type="text/css" href="../../../static/wxApp/css/weixin.css">
<link rel="stylesheet" href="../../../static/wxApp/css/head-mobile.css" media="screen and (max-width:768px)">
<div id="header" itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement" class="head app_header">
    <div class="head__nav__container head__nav__container__transform__top head__nav__container__overflow-visible">
        <div class="head__nav__inner head__nav__transform__top">
            <div class="head_box js_head_box">
                <div class="weui-desktop-head__inner">
                    <div check-reduce="" class="weui-desktop-head__inner_hd">
                        <div class="weui-desktop-layout">
                            <div class="weui-desktop-layout__side">
                                <h1 class="weui-desktop-logo">
                                    <a href="${ctx}"
                                       alt="微信小程序大全官网收录最新、最全、最热门、最实用的微信小程序，是国内首家集小程序资讯、小程序开发、小程序推广为一体的综合性小程序门户网站。"
                                       title="小程序大全" class="logo_mp"></a>
                                </h1>
                            </div>
                        </div>
                        <div class="header__navs">
                            <div class="header__navs__inner">
                                <div itemprop="name" class="block_nav">
                                    <a itemprop="url" href="${ctx}/home" class="block_nav_link">小程序商店</a>
                                </div>
                                <div itemprop="name" class="block_nav">
                                    <a itemprop="url" href="${ctx}/wxApp/1.html" class="block_nav_link">小程序大全</a>
                                </div>
                                <div itemprop="name" class="block_nav">
                                    <a itemprop="url" href="${ctx}/analysisUI.html" class="block_nav_link">小程序占比</a>
                                </div>
                                <div itemprop="name" class="block_nav">
                                    <a itemprop="url" href="${ctx}/kuaixun/1.html" class="block_nav_link">快讯</a>
                                </div>
                                <div itemprop="name" class="block_nav">
                                    <a itemprop="url" href="${ctx}/appTuiJian/1.html" class="block_nav_link">资讯</a>
                                </div>
                                <div itemprop="name" class="block_nav">
                                    <a itemprop="url" href="${ctx}/publish.html" class="btn btn_primary js_new_blog_btn">发布小程序</a>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="header_ctrls js_header_ctrls">
                        <div class="header_ctrls_extend">
                            <a href="https://developers.weixin.qq.com/community/search"
                               class="for_mobile icon_mobile_search_global"></a>
                            <div class="header_ctrls_meta header_ctrls_meta_navigation">
                                <dl class="header_navigation_box">
                                    <a href="https://developers.weixin.qq.com/community/search"
                                       class="icon_mobile_search_global for_pc"></a>
                                    <dt class="header_navigation_box_header wechatpay">微信支付</dt>
                                    <dd class="header_navigation_box_body" style="display:none;"><!---->
                                        <ul class="header_navigation_box_item_box">
                                            <li class="header_navigation_box_item header_navigation_box_item_orientation">
                                                <dl class="header_navigation_box_item_list">
                                                    <dt class="header_navigation_box_item_list_title">常用主页</dt>
                                                    <dd class="header_navigation_box_item_list_item"><a
                                                            href="/community"
                                                            class="header_navigation_box_item_list_item_inner header_navigation_box_item_list_item_wxapp"><span
                                                            class="header_navigation_box_item_list_item_icon"></span>
                                                        <p class="header_navigation_box_item_list_item_desc">小程序</p></a><a
                                                            href="/community/minigame"
                                                            class="header_navigation_box_item_list_item_inner header_navigation_box_item_list_item_minigame"><span
                                                            class="header_navigation_box_item_list_item_icon"></span>
                                                        <p class="header_navigation_box_item_list_item_desc">小游戏</p></a><a
                                                            href="/community/enterprisewechat"
                                                            class="header_navigation_box_item_list_item_inner header_navigation_box_item_list_item_wxenterprise"><span
                                                            class="header_navigation_box_item_list_item_icon "></span>
                                                        <p class="header_navigation_box_item_list_item_desc">企业微信</p>
                                                    </a><a href="/community/pay"
                                                           class="header_navigation_box_item_list_item_inner header_navigation_box_item_list_item_wxpay"><span
                                                            class="header_navigation_box_item_list_item_icon header_navigation_box_item_list_item_pay"></span>
                                                        <p class="header_navigation_box_item_list_item_desc">微信支付</p>
                                                    </a></dd>
                                                    <dd class="header_navigation_box_item_list_item"><span
                                                            class="header_navigation_box_item_list_item_inner"></span><span
                                                            class="header_navigation_box_item_list_item_inner"></span><span
                                                            class="header_navigation_box_item_list_item_inner"></span><span
                                                            class="header_navigation_box_item_list_item_inner"></span>
                                                    </dd>
                                                </dl>
                                            </li>
                                            <li check-reduce=""
                                                class="header_navigation_box_item header_navigation_box_item__with-list">
                                                <a href="https://fuwu.weixin.qq.com" target="_blank"
                                                   class="header_navigation_box_item_inner">
                                                    <dl class="header_navigation_box_item_list">
                                                        <dt class="header_navigation_box_item_list_title">服务平台</dt>
                                                    </dl>
                                                </a><a href="/community/business" target="_blank"
                                                       class="header_navigation_box_item_inner">
                                                <dl class="header_navigation_box_item_list">
                                                    <dt class="header_navigation_box_item_list_title">微信学院</dt>
                                                </dl>
                                            </a><a itemprop="url" target="_blank"
                                                   href="https://pay.weixin.qq.com/wiki/doc/apiv3/wxpay/pages/index.shtml"
                                                   class="header_navigation_box_item_inner">
                                                <dl class="header_navigation_box_item_list">
                                                    <dt class="header_navigation_box_item_list_title">文档</dt>
                                                </dl>
                                            </a></li><!----></ul>
                                    </dd>
                                </dl>
                            </div>
                            <div class="js_search_header_box header_ctrls_meta top_search_box for_pc">
                                <a href="javascript:;" class="js_search_btn search_switch">
                                    <i class="icon_search"></i>
                                </a>
                                <span class="js_input_box search_input_box active">
                                    <form id="search_form" method="post" action="/app/search.html">
                                        <input type="text" placeholder="搜索微信小程序" value="${liebaoApp.appName}" name="appName" class="js_input">
<%--                                        <button class="submit" class="ban_btn" type="submit">搜索</button>--%>
                                    </form>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!----></div>
    </div>
    <%--    <div id="SubNav" class="sub__nav sub__nav____headSub"><div class="block_nav_wrp__empty__hold"></div></div>--%>
</div>
<script>
    $(function(){
        $(".js_search_btn").click(function () {
            $('#search_form').submit();
        });
        $(window).on('load', function(){
            $('div.block_nav a').each(function(){
                if(this.href === window.location.href){
                    $(this).parent("div.block_nav").siblings().removeClass("selected")
                    $(this).parent("div.block_nav").addClass("selected")
                }
            });
        });
    });
</script>

<%--广告--%>
<%--<div id="floatdivids">--%>
<%--    <span id="ClickRemoveFlo" style="position: absolute;top: 0;right: 0;color: #fff;background-color: rgba(0, 0, 0, 0.5);padding: 0 5px;cursor: pointer;">X</span>--%>
<%--    <a target="_blank" href="https://www.aliyun.com/minisite/goods?taskPkg=1111ydsrwb&pkgSid=81270&recordId=1525041&userCode=icp2iwrl" title="阿里云服务器">--%>
<%--        <img width="300" height="200" alt="阿里云服务器" src="http://img.kukuwu.com/filePath/2oMUpczKTB1zOTB5yhRoZltPhGreS6c8" style="">--%>
<%--    </a>--%>
<%--</div>--%>
<%--<style type="text/css">--%>
<%--    #floatdivids{--%>
<%--        width: 300px;--%>
<%--        height: 200px;--%>
<%--        position: absolute;--%>
<%--        top: 0;--%>
<%--        left: 0;--%>
<%--        background-color: #ff8015;--%>
<%--        z-index: 1000;--%>
<%--        border: 1px solid #ccc;--%>
<%--    }--%>
<%--</style>--%>
<%--<script type="text/javascript">--%>
<%--    var isinter;--%>
<%--    var millisec = 25;//定时器间隔执行时间/毫秒--%>
<%--    var xflo = 0; //漂浮层x坐标--%>
<%--    var yflo = 0; //漂浮层y坐标--%>
<%--    var yistop = false;--%>
<%--    var xisleft = true;--%>
<%--    function floatadfun(){--%>
<%--        kwidth = $(window).width();//可视区域宽度--%>
<%--        kheight = $(window).height();//可视区域高度--%>

<%--        divwidth = $('#floatdivids').width();//div漂浮层宽度--%>
<%--        divheight = $('#floatdivids').height();//div漂浮层高度--%>

<%--        hstop = jQuery(window).scrollTop();//滚动条距离顶部的高度--%>
<%--        wsleft = jQuery(window).scrollLeft();//滚动条距离最左边的距离--%>

<%--        offwidth = (kwidth-divwidth);//div偏移的宽度--%>
<%--        offheight = (kheight-divheight);//div偏移的高度--%>

<%--        if (!yistop) {--%>
<%--            yflo++;--%>
<%--            if (yflo >= offheight) {--%>
<%--                yistop = true;--%>
<%--            }--%>
<%--        } else {--%>
<%--            yflo--;--%>
<%--            if (yflo <= 0) {--%>
<%--                yistop = false;--%>
<%--            }--%>
<%--        }--%>

<%--        if (xisleft) {--%>
<%--            xflo++;--%>
<%--            if (xflo >= offwidth) {--%>
<%--                xisleft = false;--%>
<%--            }--%>
<%--        } else {--%>
<%--            xflo--;--%>
<%--            if (xflo <= 0) {--%>
<%--                xisleft = true;--%>
<%--            }--%>
<%--        }--%>

<%--        $('#floatdivids').css({'top':yflo+hstop,'left':xflo+wsleft}); /* 如果使用固定定位，请把加上滚动条的距离去掉即可 */--%>
<%--    }--%>

<%--    $(function () {--%>
<%--        isinter = setInterval("floatadfun()",millisec);--%>
<%--        $('#floatdivids').mouseover(function () {--%>
<%--            clearInterval(isinter);--%>
<%--        }).mouseout(function () {--%>
<%--            isinter = setInterval("floatadfun()",millisec);--%>
<%--        });--%>
<%--        $('#ClickRemoveFlo').click(function () {--%>
<%--            $(this).parents("#floatdivids").slideUp(500,function(){--%>
<%--                clearInterval(isinter);--%>
<%--                $(this).remove();--%>
<%--            });--%>
<%--        });--%>
<%--    });--%>
<%--</script>--%>

<%--<style type="text/css" mce_bogus="1">--%>
<%--    #feedback{--%>
<%--        width:120px;--%>
<%--        height:29px;--%>
<%--        position:fixed;--%>
<%--        _position:absolute;--%>
<%--        left:50%;--%>
<%--        margin-left:482px;--%>
<%--        top:203px;--%>
<%--        _top: expression(documentElement.scrollTop + 204);--%>
<%--    }--%>

<%--    .windows_feedback{ width:120px; height:29px; z-index: 1000;}--%>
<%--    .windows_feedback a{ display:block; width:19px; margin:0 auto; padding-top:5px}--%>
<%--    .windows_feedback a:hover{ color:#ff7100; text-decoration:none}--%>
<%--    .window_suspend{ width:19px; background:url(http://www.dangdang.com/images/bg_feedback_01.gif) no-repeat 0 0;}--%>
<%--    .window_suspend a{ display:block; background:url(http://www.dangdang.com/images/bg_feedback_02.gif) no-repeat 0 bottom; width:15px; padding:7px 0 6px 4px; text-decoration:none; font-size:12px; color:#878787;}--%>
<%--    .window_suspend a:hover{ color:#f60; text-decoration:none;}--%>
<%--</style>--%>

<%--<div class="windows_feedback" id="feedback">--%>
<%--    <div class="window_suspend">--%>
<%--        <a target="_blank" href="http://misc.dangdang.com/survey/SurveyHtml/206.htm#ref=www-0-W" mce_href="http://misc.dangdang.com/survey/SurveyHtml/206.htm#ref=www-0-W">新版调查</a>--%>
<%--    </div>--%>
<%--</div>--%>

<%--<!--右侧浮动 开始-->--%>
<%--<div class="wapnone">--%>
<%--    <div class="elevator_item mobile-hide" id="elevator_item">--%>
<%--        <a class="hd-time-limited mobile-hide" href="http://dg99.cn" target="_blank" rel="nofollow"></a>--%>
<%--        <a target="_blank" class="feedback graHover mobile-hide" style="background-color: #1e6be3;color:#fff;" href="http://img.zmki.cn" rel="nofollow">在线图床</a><a target="_blank" class="feedback graHover mobile-hide" style="background-color: #ffd900;color:#383838;" href="http://www.dg99.cn" target="_blank" rel="nofollow">业务平台</a>--%>

<%--        <a target="_blank" class="feedback graHover mobile-hide" style="background-color: #fa3c63;color:#fff;" href="https://www.zmki.cn" rel="nofollow">积分获取</a><a target="_blank" class="feedback graHover mobile-hide" style="background-color: #1e6be3;color:#fff;" href="https://www.zmki.cn" rel="nofollow">积分素材</a><div class="feedback medium mobile-hide">官方客服--%>
<%--        <div class="lf-box mobile-hide"><ul class="sp-list mobile-hide"><li><span>官方客服：20838641</span><a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=20838641" target="_self" class="btn-addGroup graHover" rel="nofollow">一键联系</a></li><li class="spl-li clearfix mobile-hide"><div class="fl mobile-hide"><span>微信公众号</span><img src="https://a-oss.zmki.cn/2019/03/05/5c7de96bd4328.png" alt=""></div><div class="fr mobile-hide"><span>微信公众号</span><img src="https://a-oss.zmki.cn/2019/03/05/5c7de96bd4328.png" alt=""></div></li></ul></div></div>--%>
<%--    </div>--%>

<%--    <!--右侧浮动 结束-->--%>


<%--<!--右侧悬浮菜单 開始-->--%>
<%--<style>--%>

<%--    /*footer*/--%>
<%--    .elevator_item .hd-time-limited {--%>
<%--        display: block;--%>
<%--        position: fixed;--%>
<%--        right: 10.6px;--%>
<%--        bottom: 450px;--%>
<%--        width: 40px;--%>
<%--        height: 140px;--%>
<%--        background: url(https://www.6fwq.com/wp-content/uploads/2019/01/time-limited.png) no-repeat center;--%>
<%--        animation: vip-199-180510 2.4s infinite;--%>
<%--        margin-top: 10px;--%>
<%--    }--%>
<%--    @keyframes vip-199-180510 {--%>
<%--        0% {--%>
<%--            bottom: 442px;--%>
<%--        }--%>
<%--        50% {--%>
<%--            bottom: 450px;--%>
<%--        }--%>
<%--        100% {--%>
<%--            bottom: 442px;--%>
<%--        }--%>
<%--    }--%>
<%--    .aj-popbox .hd-time-limited .close-btn {--%>
<%--        width: 38px;--%>
<%--        height: 38px;--%>
<%--        right: 28px;--%>
<%--        top: 30px;--%>
<%--        line-height: 38px;--%>
<%--        text-align: center--%>
<%--    }--%>
<%--    .aj-popbox .hd-time-limited .close-btn i {--%>
<%--        font-size: 24px;--%>
<%--        color: #fff--%>
<%--    }--%>
<%--    .aj-popbox .hd-time-limited .timer {--%>
<%--        margin: 296px auto 0;--%>
<%--        width: 234px;--%>
<%--        font-size: 30px;--%>
<%--        color: #000;--%>
<%--        line-height: 48px;--%>
<%--        padding-left: 10px;--%>
<%--        letter-spacing: 13px;--%>
<%--        font-weight: bold--%>
<%--    }--%>
<%--    .aj-popbox .hd-time-limited .go-hd:hover {--%>
<%--        transform: scale(.95) translateY(2px)--%>
<%--    }--%>
<%--    .elevator_item {--%>
<%--        position: fixed;--%>
<%--        right: 12px;--%>
<%--        bottom: 195px;--%>
<%--        z-index: 11--%>
<%--    }--%>
<%--    .elevator_item .feedback {--%>
<%--        width: 36px;--%>
<%--        height: 40px;--%>
<%--        background-color: #fff;--%>
<%--        color: #fa3c64;--%>
<%--        font-size: 12px;--%>
<%--        padding: 5px 6px;--%>
<%--        display: block;--%>
<%--        border-radius: 5px;--%>
<%--        text-align: center;--%>
<%--        margin-top: 10px;--%>
<%--        box-shadow: 0 1px 2px rgba(0, 0, 0, .35);--%>
<%--        cursor: pointer--%>
<%--    }--%>
<%--    .elevator_item .advice,--%>
<%--    .elevator_item .add,--%>
<%--    .elevator_item .return {--%>
<%--        color: #383838;--%>
<%--        line-height: 30px--%>
<%--    }--%>
<%--    .elevator_item .advice i {--%>
<%--        font-size: 28px--%>
<%--    }--%>
<%--    .elevator_item .add i,--%>
<%--    .elevator_item .return i {--%>
<%--        font-size: 20px--%>
<%--    }--%>
<%--    .elevator_item .medium {--%>
<%--        position: relative;--%>
<%--        background-color: #fa3c64;--%>
<%--        color: #fff--%>
<%--    }--%>
<%--    .elevator_item .medium .lf-box {--%>
<%--        display: none;--%>
<%--        position: absolute;--%>
<%--        right: 41px;--%>
<%--        top: -90px;--%>
<%--        width: 370px;--%>
<%--        height: 280px;--%>
<%--        padding-right: 10px--%>
<%--    }--%>
<%--    .elevator_item .medium .sp-list {--%>
<%--        width: 360px;--%>
<%--        height: 280px;--%>
<%--        border-radius: 5px;--%>
<%--        background-color: #fff;--%>
<%--        box-shadow: 0 1px 2px rgba(0, 0, 0, .35)--%>
<%--    }--%>
<%--    .elevator_item .medium .sp-list li:first-child {--%>
<%--        height: 70px;--%>
<%--        border-bottom: 1px solid #e5e5e5;--%>
<%--        padding: 20px 50px--%>
<%--    }--%>
<%--    .elevator_item .medium li:first-child span {--%>
<%--        font-size: 14px;--%>
<%--        color: #383838;float: left;--%>
<%--        line-height: 30px--%>
<%--    }--%>
<%--    .elevator_item .medium .btn-addGroup {--%>
<%--        width: 90px;--%>
<%--        height: 30px;--%>
<%--        border-radius: 5px;--%>
<%--        background: #fa3c64;--%>
<%--        color: #fff;--%>
<%--        line-height: 30px;--%>
<%--        text-align: center;--%>
<%--        float: left;--%>
<%--        margin-left: 14px--%>
<%--    }--%>
<%--    .elevator_item .medium .spl-li {--%>
<%--        padding: 22px 34px 0--%>
<%--    }--%>
<%--    .elevator_item .medium .spl-li span {--%>
<%--        display: block;--%>
<%--        font-size: 14px;--%>
<%--        color: #383838;--%>
<%--        margin-bottom: 8px--%>
<%--    }--%>
<%--    .elevator_item .medium .spl-li img {--%>
<%--        width: 130px--%>
<%--    }--%>
<%--    .elevator_item .add {--%>
<%--        position: relative--%>
<%--    }--%>
<%--    .elevator_item .add .lf-box {--%>
<%--        display: none;--%>
<%--        position: absolute;--%>
<%--        right: 31px;--%>
<%--        top: -32px;--%>
<%--        width: 178px;--%>
<%--        height: 104px;--%>
<%--        padding-right: 10px--%>
<%--    }--%>
<%--    .elevator_item .add .sp-list {--%>
<%--        width: 168px;--%>
<%--        height: 104px;--%>
<%--        border-radius: 5px;--%>
<%--        background-color: #fff;--%>
<%--        box-shadow: 0 1px 2px rgba(100, 25, 25, 0.35)--%>
<%--    }--%>
<%--    .elevator_item .add .sp-list li {--%>
<%--        line-height: 52px;--%>
<%--        font-size: 14px;--%>
<%--        color: #383838;--%>
<%--        text-align: left--%>
<%--    }--%>
<%--    .elevator_item .add .sp-list li a {--%>
<%--        display: block;--%>
<%--        height: 52px;--%>
<%--        width: 100%--%>
<%--    }--%>
<%--    .elevator_item .add .sp-list li:hover a {--%>
<%--        color: #fa3c64--%>
<%--    }--%>
<%--    .elevator_item .add .sp-list li:hover i {--%>
<%--        color: #fa3c64--%>
<%--    }--%>
<%--    .elevator_item .add .sp-list li:first-child {--%>
<%--        border-bottom: 1px solid #e5e5e5--%>
<%--    }--%>
<%--    .elevator_item .add .sp-list i {--%>
<%--        color: #d8d8d8;--%>
<%--        font-size: 28px;--%>
<%--        margin-left: 16px;--%>
<%--        margin-right: 14px;--%>
<%--        vertical-align: middle--%>
<%--    }--%>
<%--    .elevator_item .add:hover>i,--%>
<%--    .elevator_item .return:hover>i {--%>
<%--        color: #fa3c64--%>
<%--    }--%>
<%--    .elevator_item .feedback:hover .lf-box {--%>
<%--        display: block--%>
<%--    }--%>
<%--    .fl {--%>
<%--        float: left--%>
<%--    }--%>
<%--    .fr {--%>
<%--        float: right--%>
<%--    }--%>
<%--    .graHover {--%>
<%--        position: relative;--%>
<%--        overflow: hidden--%>
<%--    }--%>
<%--    .graHover:before {--%>
<%--        display: none;--%>
<%--        position: absolute;--%>
<%--        top: 0;--%>
<%--        left: 0;--%>
<%--        content: '';--%>
<%--        width: 100%;--%>
<%--        height: 100%;--%>
<%--        background-color: rgba(255, 255, 255, .2)--%>
<%--    }--%>
<%--    .graHover:hover:before {--%>
<%--        display: block--%>
<%--    }--%>
<%--    .clearfix {--%>
<%--        *zoom: 1--%>
<%--    }--%>
<%--    .clearfix:after {--%>
<%--        visibility: hidden;--%>
<%--        display: block;--%>
<%--        font-size: 0;--%>
<%--        content: " ";--%>
<%--        clear: both;--%>
<%--        height: 0--%>
<%--    }--%>
<%--    @media screen and (max-width: 1221px) { .wapnone{display:none; }--%>
<%--</style>--%>
<%--<!--右侧悬浮菜单  結束-->--%>